<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>個人主頁</title>
    <link rel="stylesheet" type="text/css" href="./css/main.css" >
    <link rel="icon" href="https://10.151.110.165/favicon.ico" >
    <script type="text/javascript" src="./js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="./js/main.js"></script>
  </head>
  <body>
    <header>
      <div class="welcome-inner">
        <span>✁歡迎光臨！點擊頭像或作業翻開！</span>
      </div>
      <div class="welcome-inner">
        <span>✄歡迎光臨！點擊頭像或作業翻開！</span>
      </div>
    </header>
    <main>
      <aside class="close-aside">
        <img src="./images/avatar.png" class="avatar" alt="大頭照" />
        <h2>個人簡介</h2>
        <hr />
        <p>姓名：  
          <a href="https://lruihao.cn" target="_blank" title="BLOG">
            <strong><ruby>李瑞豪<rp>（</rp><rt>lǐ ruì háo</rt><rp>）</rp></ruby></strong>
          </a>
        </p>
        <p>工號： <strong>F1684914</strong></p>
        <p>生日： 1998-04</p>
        <p>星座： 金牛座</p>
        <p>家鄉： 湖南邵陽</p>
        <p>學校： 湖南工程學院</p>
        <p>專業： 計算機科學與技術</p>
        <p><a href="http://github.com/lruihao" target="_blank">我的Github~</a></p>
        <p>座右銘：<br/>
          <q>不怕萬人阻擋，只怕自己投降！</q>
        </p>
        <h2>興趣愛好</h2>
        <hr/>
        <p>打籃球🏀，</p>
        <p>游泳🏊，</p>
        <p><del>玩王者榮耀。</del></p>
        <h2>自我期許</h2>
        <hr/>
        <blockquote>不卑不亢、不矜不伐；不驕不躁、不恥下問。</blockquote>
        <address>
          電話：173-6923-4219 <br/>
          郵箱：<a href="mailto:hzlh-orm-itap5@mail.foxconn.com" target="_blank">hzlh-orm-itap5@mail.foxconn.com</a>
        </address>
      </aside>
      <section class="close-section">
        <h2>📚作業目錄</h2>
        <hr/>
        <details open="open">
          <summary><b>作業進度：</b><progress max="10" title = "當前進度："></progress></summary>
          <ul>
            <li>
              <a href="./HW_2-1/index.html" target="_blank">2019/08/08<br/>HW_2-1<br/>我的個人行程表</a>
            </li>
            <li>
              <a href="./HW_2-2/index.html" target="_blank">2019/08/12<br/>HW_2-2<br/>球員信息採集表</a>
            </li>
            <li>
              <a href="./HW_4-1/index.html" target="_blank">2019/08/26<br/>HW_4-1<br/>冒險者小屋</a>
            </li>
            <li>
              <a href="./HW_4-2/index.html" target="_blank">2019/08/26<br/>HW_4-2<br/>滾動的球</a>
            </li>
            <li>
              <a href="./HW_5-1/index.html" target="_blank">2019/09/05<br/>HW_5-1<br/>問卷設計</a>
            </li>
            <li>
              <a href="./HW_6-1/index.html" target="_blank">2019/09/23<br/>HW_6-1<br/>計算器</a>
            </li>
            <li>
              <a href="./HW_6-2/index.html" target="_blank">2019/10/08<br/>HW_6-2<br/>造型商城</a>
            </li>
            <li>
              <a href="./HW_7-1/index.php" target="_blank">2019/09/04<br/>HW_7-1<br/>九九乘法表</a>
            </li>
            <li>
              <a href="./HW_10-1/index.html" target="_blank">2019/10/14<br/>HW_10-1<br/>抽獎機</a>
            </li>
            <li>
              <a href="./HW_10-1/admin.html" target="_blank">2019/10/17<br/>HW_10-1<br/>抽獎機-獎品管理</a>
            </li>
          </ul>
        </details>
        <h2>🎯維護日誌</h2>
        <hr/>
        <details>
          <summary><b>查看更多</b></summary>
          <article>
            <h3>2019.08.01</h3>
            <p>菜鳥入職，建立此個人主頁。</p>
          </article>
          <article>
            <h3>2019.08.22</h3>
            <p>加入CSS裝飾個人主頁。</p>
          </article>
          <article>
            <h3>2019.09.08</h3>
            <p>運用自己壓縮後的手寫字體進行簽名。</p>
          </article>
          <article>
            <h3>2019.09.18</h3>
            <p>
              1. 新增JS實現個人主頁執行時間計算。<br/>
              2. 新增網頁隱藏時，標題和圖示改變。<br/>
              3. 新增點擊頭像翻頁(JS)，滾動歡迎辭(CSS)。
            </p>
          </article>
          <article>
            <h3>2019.09.25</h3>
            <p>
              修改翻頁邏輯，實現兩頁都可翻開。
            </p>
          </article>
          <article>
            <h3>2019.10.21</h3>
            <p>
              1. 新增留言板，暫僅支持純文字評論。<br/>
              2. 頭像使用 Gavatar 郵箱設置的頭像。
            </p>
          </article>
        </details>
      </section>
      <div class="design">
        <p class="run-times" title="主頁运行时间">RunTime Loading...</p>
        <p class="author">
          <span>Update: 2019-09-18</span><br/>
          <span>Author: </span>
          <span class="name">李瑞豪</span>
        </p>
      </div>
      <div class="guestbook">
        <div class="cm-head">
          <h2>✪留言板✪</h2>
          <form id="cm-form">
            <input type="email" name="cm-email" placeholder="郵箱" class="cm-email">
            <input type="text" name="cm-nick" placeholder="昵称" class="cm-nick">
            <textarea placeholder="(つ◕౪◕)つ━☆ﾟ.*･｡ﾟ" name="cm-content" class="cm-content"></textarea>
            <input type="button" value="回復" class="cm-submit">
          </form>
          <div class="cm-info"><span>0</span>條評論</div>
        </div>
        <div class="cm-display"></div>
      </div>
    </main>
    <footer>
      <p>CopyRight&ensp;&copy;&ensp;2019&ensp;李瑞豪</p>
    </footer>
  </body>
</html>